function addDevice() {
	var deviceItem = $('#deviceCollaItem').clone(true);
	$(deviceItem).removeAttr("id");
	$(deviceItem).find('div.layui-form.deviceSelect').css('display', 'none');
	var partCollapse = $('#partCollapseTemplet').clone(true);
	$(partCollapse).removeAttr("id");
	$(partCollapse).css('display', 'block');
	//将设备的下拉框重置
	$(deviceItem).find('select[name="deviceSelect"] option:selected').removeAttr("selected");
	$(deviceItem).find('h2.layui-colla-title').text('请选择检查设备');
	//清空，拷贝过来的部位信息
	$(deviceItem).find('div.layui-colla-content').empty();
	//将空的部位信息重新放置过来
	$(deviceItem).find('div.layui-colla-content').append(partCollapse);

	$('div[name="deviceCollapse"]').append(deviceItem);
	element.init();
	form.render();
}

//用于编辑页面时才能使用
function firstDeviceAddPart(count) {
	var firstDeviceItem = $('#deviceCollaItem');
	var partCollapse = $(firstDeviceItem).find('div.layui-colla-content').find('div.layui-collapse');
	//之所以i从一开始是因为模板之中就自带了一个item
	for (var i = 1; i < count; i++) {
		var partCollaItem = $('#partCollaItemTemplet').clone();
		$(partCollaItem).removeAttr("id");
		$(partCollaItem).css('display', 'block');
		$(partCollapse).append(partCollaItem);
	}

}
// 编辑页面时才能使用
function addDeviceWithParts(count) {
	var deviceItem = $('#deviceCollaItem').clone(true);
	$(deviceItem).removeAttr("id");
	$(deviceItem).find('div.layui-form.deviceSelect').css('display', 'none');
	var partCollapse = $('#partCollapseTemplet').clone();
	$(partCollapse).removeAttr("id");
	$(partCollapse).css('display', 'block');


	//之所以i从一开始是因为模板之中就自带了一个item
	for (var i = 1; i < count; i++) {
		var partCollaItem = $('#partCollaItemTemplet').clone();
		$(partCollaItem).removeAttr("id");
		$(partCollaItem).css('display', 'block');
		$(partCollapse).append(partCollaItem);
	}
	//将设备的下拉框重置
	$(deviceItem).find('select[name="deviceSelect"] option:selected').removeAttr("selected");
	$(deviceItem).find('h2.layui-colla-title').text('请选择检查设备');
	//清空，拷贝过来的部位信息
	$(deviceItem).find('div.layui-colla-content').empty();
	//将空的部位信息重新放置过来
	$(deviceItem).find('div.layui-colla-content').append(partCollapse);
	$('div#deviceCollapse').append(deviceItem);

}

function deleteDevice(elem) {
	var deletePostiopn = $(elem).parent().parent();
	var siblings = $(deletePostiopn).siblings();
	var id = $(deletePostiopn).attr("id");
	if (siblings.length > 0) {
		if (id) {
			$(siblings[0]).attr("id", id);
		}
		deletePostiopn.remove();
	}
}

function editDevice(elem) {
    var selectedOption = $('select#deviceModel option:selected');
    var deviceSelectDiv = $(elem).parent().prev();
    if (selectedOption.length > 0 && $(selectedOption).val() != '') {
        $(deviceSelectDiv).css('display', 'block');
    } else {
        layer.msg('必须先选择设备类型!');
    }
}

function addPart(elem) {
	var addPostiopn = $(elem).parent().next().find('div.layui-collapse');
	var partCollapseItem = $(addPostiopn).find('div.layui-colla-item:first').clone(true);
	//将部位的下拉框重置
	$(partCollapseItem).find('select[name="partSelect"] option:selected').removeAttr("selected");
	$(partCollapseItem).find('h2.layui-colla-title').text('请选择部位信息');
	$(partCollapseItem).find('textarea.layui-textarea').val('');
	$(addPostiopn).append(partCollapseItem);
	element.init();
	form.render();
}

function deletePart(elem) {
	var deletePostiopn = $(elem).parent().parent();
	var siblings = $(deletePostiopn).siblings();
	if (siblings.length > 0) {
		deletePostiopn.remove();
	}
}

function editPart(elem) {
	var partSelectDiv = $(elem).parent().prev();
	//先判断是否上级已经选择了设备
	var deviceSelectDiv = $(partSelectDiv).parent().parent().parent().siblings('div.layui-form.deviceSelect');
	var selectedOption = $(deviceSelectDiv.find('select[name="deviceSelect"] option:selected'));
	if (selectedOption.length > 0 && $(selectedOption).val() != '') {
        $(partSelectDiv).css('display', 'block');
	} else {
		layer.msg('必选先选设备设备!');
	}
}

function initTaskContent(contents,modelId) {
	var length = contents.length;
	var firstDeviceSelect = JJZ.named('deviceSelect');

	JJZ.initSelectWithParamAndShow2Field(firstDeviceSelect,'/device/dataGrid', 'current=1&pageSize=99999&searchCol=model_id&searchValue='+modelId,'name','number',function(data) {
		var firstCount = contents[0].deviceParts.length;
        firstDeviceAddPart(firstCount);
		//动态添加设备面板
		for (var i = 1; i < length; i++) {
			var count = contents[i].deviceParts.length;
            addDeviceWithParts(count);
		}
		//完成了所有html的动态添加
		var deviceCollapse = $('#deviceCollapse');
		//遍历所有的设备选择面板
		$(deviceCollapse).children().each(function(i, deviceCollapItem) {
			//这里的 deviceCollapItem 表示每一个设备选择的折叠面板
			$(deviceCollapItem).children(":first").text(contents[i].deviceName);
			$(deviceCollapItem).find('select[name="deviceSelect"] option[value="' + contents[i].deviceId + '"]').prop(
				'selected', 'selected');

			//开始遍历该device面板下面的所有part面板
			var partContent = contents[i].deviceParts;
			var partItems = $(deviceCollapItem).find('div.layui-colla-content').find('div.layui-collapse').children();
			var firstPartSelect = $(partItems).first().find('select[name="partSelect"]');


			JJZ.initSelect(firstPartSelect,'/devicePart/dataGrid', function(data) {
				$(partItems).each(function(j, partCollapItem) {
					$(partCollapItem).children(":first").text(partContent[j].partName);
					$(partCollapItem).find("textarea.layui-textarea").val(partContent[j].content);
					if (j > 0) {
						var clonePartSelect = $(firstPartSelect).clone(true);
						$(clonePartSelect).find('option[value="' + partContent[j].partId + '"]').prop('selected', 'selected');
						$(partCollapItem).find("div.partSelect-inline").append(clonePartSelect);
					} else {
						$(partCollapItem).find('select[name="partSelect"] option[value="' + partContent[j].partId + '"]').prop(
							'selected', 'selected');
					}
				});
                form.render();
                element.init();
			})
		});
        form.render();
        element.init();
	});

}

//************************************************detail*****************************************


function firstDeviceAddPartDetail(count) {
    var firstDeviceItem = $('#deviceCollaItem');
    var partCollapse = $(firstDeviceItem).find('div.layui-colla-content').find('div.layui-collapse');
    //之所以i从一开始是因为模板之中就自带了一个item
    for (var i = 1; i < count; i++) {
        var partCollaItem = $('#partCollaItemTemplet').clone();
        $(partCollaItem).removeAttr("id");
        $(partCollaItem).css('display', 'block');
        $(partCollapse).append(partCollaItem);
    }
}

function addDeviceWithPartsDetail(count) {
    var deviceCollaItem = $('#deviceCollaItem').clone();
    $(deviceCollaItem).removeAttr("id");
    var partCollapse = $('#partCollapseTemplet').clone();
    $(partCollapse).removeAttr("id");
    $(partCollapse).css('display', 'block');

    //之所以i从一开始是因为模板之中就自带了一个item
    for (var i = 1; i < count; i++) {
        var partCollaItem = $('#partCollaItemTemplet').clone();
        $(partCollaItem).removeAttr("id");
        $(partCollaItem).css('display', 'block');
        $(partCollapse).append(partCollaItem);
    }
    //清空，拷贝过来的部位信息
    $(deviceCollaItem).find('div.layui-colla-content').empty();
    //将空的部位信息重新放置过来
    $(deviceCollaItem).find('div.layui-colla-content').append(partCollapse);
    $('div#deviceCollapse').append(deviceCollaItem);

}


function initTaskContentDetail(contents) {
    var length = contents.length;
    var firstCount = contents[0].deviceParts.length;
    firstDeviceAddPartDetail(firstCount);
    for (var i = 1; i < length; i++) {
        var count = contents[i].deviceParts.length;
        addDeviceWithPartsDetail(count);
    }
    //完成了所有html的动态添加
    var deviceCollapse = $('#deviceCollapse');
    //遍历所有的设备选择面板
    $(deviceCollapse).children().each(function(i, deviceCollapItem) {
        //这里的 modelCollapItem 表示每一个设备选择的折叠面板
        $(deviceCollapItem).children(":first").text(contents[i].deviceName);
        //开始遍历该device面板下面的所有part面板
        var partContent = contents[i].deviceParts;
        var partItems = $(deviceCollapItem).find('div.layui-colla-content').find('div.layui-collapse').children();
            $(partItems).each(function(j, partCollapItem) {
            	$(partCollapItem).children(":first").text(partContent[j].partName);
                $(partCollapItem).find("textarea.layui-textarea").val(partContent[j].content);
            element.init();
        })
    })
}